<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/"
      xmlns:xi="http://www.w3.org/2001/XInclude"
      py:strip="">

<xi:include href="utils.html"><xi:fallback/></xi:include>

<head py:match="head" py:attrs="select('@*')">
  <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
  <title py:replace="''">Your title goes here</title>

  <link py:for="css in tg_css" py:replace="tg.ET(css.display())" />
  <link py:for="js in tg_js_head" py:replace="tg.ET(js.display())" />

  <meta py:replace="select('*')"/>

<style type="text/css" media="all">

body
{
    background: #fff;
    font-size: 13px;
    font-family: "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a
{
    text-decoration: none;
    color: #000;
}

p a
{
    color: #11f;
}

a:hover
{
    text-decoration: underline;
}

h1
{
    font-family: Georgia, serif;
    padding: 15px 0 0;
    text-align: left;
}

h2
{
    font-family: Georgia, serif;
    padding: 15px 0 0;
    text-align: left;
}

#main p
{
    overflow: hidden;
    color: #222;
    padding: 0 30px 0 30px;
}

#main p:hover
{
    overflow: hidden;
    color: #222;
    padding: 0 30px 0 30px;
    border-left: 1px dotted #f00;
    margin-left: -1px;
}

#nav {
    width: 100%;
    background-color: #000;
    border-bottom: 3px solid #777;
    color: #eee;
}

#nav h1, #nav h2 {
    color: #eee;
    margin: 0;
    font-size: 14pt;
    padding: 5px 70px 5px 20px;
    font-weight: normal;
    float: left;
}

#nav ul {
    padding: 10px 0 0 0;
    margin-bottom: 5px;
}
#nav li {
    display: inline;
}
#nav .endnav {
    clear: both;
    float: left;
}

</style>

</head>

<body py:match="body" py:attrs="select('@*')">

    <div py:for="js in tg_js_bodytop" py:replace="tg.ET(js.display())" />

    <div id="nav">
        <py:choose>
            <py:when test="frontpage"><h1>${blog.name}</h1></py:when>
            <py:otherwise><h2>${blog.name}</h2></py:otherwise>
        </py:choose>
        <ul>
          <li>About</li>
          <li>Archives</li>
          <li>Diary</li>
          <li>Speaking</li>
        </ul>
        <span class="endnav">&nbsp;</span>
    </div>

    <div py:replace="select('*|text()')"/>

  <div py:for="js in tg_js_bodybottom" py:replace="tg.ET(js.display())" />

  <div py:if="defined('post') and tg.production" strip="True">
  <script type="text/javascript">
  <span py:if="not tg.production" py:strip="True">var disqus_developer = 1;</span>
  var disqus_title = "${post.title.replace('\"', '\\\"')}";
  var disqus_url = "${tg.url_for('posts', post=post, qualified=True)}";
  </script>
  <script type="text/javascript" src="http://disqus.com/forums/nxsy/embed.js"></script>
  </div>


</body>

</html>
